<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
<head th:include="include::head"></head>
<body>
<div class=" layui-fluid">
    <table class="layui-table jelly-table" lay-skin="line">
        <tbody>
        <tr>
            <td><div>用户名：</div></td>
            <td th:utext="${user.loginAccount}"></td>
            <td><div>真实姓名：</div></td>
            <td th:utext="${user.userName}"></td>
        </tr>
        <tr>
            <td><div>昵称：</div></td>
            <td th:utext="${user.nickname}"></td>
            <td><div>年龄：</div></td>
            <td>
                <span th:utext="${user.age}"></span>
            </td>
        </tr>
        <tr>
            <td><div>性别：</div></td>
            <td>
                <span th:each="value:${diy['sex_type']}" th:if="${user.sex == value.dictionaryRoute}" th:utext="${value.dictionaryName}" th:class="${value.dictionaryClass}"></span>
            </td>
            <td><div>状态：</div></td>
            <td>
                <span th:each="value:${diy['state_type']}" th:if="${user.isState == value.dictionaryRoute}" th:utext="${value.dictionaryName}" th:class="${value.dictionaryClass}"></span>
            </td>
        </tr>
        <tr>
            <td><div>手机号码：</div></td>
            <td th:utext="${user.mobile}"></td>
            <td><div>QQ：</div></td>
            <td th:utext="${user.qq}"></td>
        </tr>
        <tr>
            <td><div>微信：</div></td>
            <td th:utext="${user.weixin}"></td>
            <td><div>邮箱：</div></td>
            <td th:utext="${user.email}"></td>
        </tr>
        <tr>
            <td><div>部门：</div></td>
            <td th:utext="${user.deptName}" ></td>
            <td><div>头像：</div></td>
            <td><img th:src="${user.img}"/></td>
        </tr>
        <tr>
            <td><div>注册时间：</div></td>
            <td th:utext="${#dates.format(user.addDate, 'yyyy-MM-dd HH:mm:ss')}"></td>
            <td><div>登录时间：</div></td>
            <td th:utext="${#dates.format(user.loginDate, 'yyyy-MM-dd HH:mm:ss')}"></td>
        </tr>
        <tr>
            <td><div>登录IP：</div></td>
            <td th:utext="${user.loginIp}"></td>
            <td><div>登录次数：</div></td>
            <td th:utext="${user.loginCount}"></td>
        </tr>
        <tr>
            <td><div>个性签名：</div></td>
            <td colspan="3" style="width: 20px;"><span th:utext="${user.description}"></span></td>
        </tr>
        <tr>
            <td><div>角色：</div></td>
            <td colspan="3">
                <div id="role-tree">loding... ...</div>
            </td>
        </tr>
        </tbody>
    </table>
</div>
<div th:include="include::onload"></div>
<script th:inline="javascript">
    $(function () {
        $.tree.init("#role-tree",[[${user.roleTree}]]);
    });
</script>
</body>
</html>